<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		
	</style>
</head>
<body>
	<div class="wrapper">
		<div>
			<h3>足球踢得好的人</h3>
			<p>俄罗斯世界杯除了中国足球队没去，其他的基本都去了。</p>
		</div>
		<ul>
			<li>
				<a href="#">贝利</a>
			</li>
			<li>
				<a href="#" class = "mx">梅西</a>
			</li>
			<li><a href="#">内马尔</a></li>
			<li><a href="#">齐达内</a></li>
			<li><a href="#">罗纳尔多</a></li>
			<li><a href="#">马拉多纳</a></li>
		</ul>
	</div>

</body>
<script src="../jquery-3.3.1.min.js"></script>
<script>
	//把a的下划线去掉
	//把li前面的圆点去掉
	//把贝利变成红色
	//把其他球员行高变成30px
	//类名是mx的排名第几
	// $(".wrapper>ul").attr("class","A");
	//选中梅西，并变色
	// $(".mx").css("color","red");
	// $(".wrapper>ul").css("list-style","none");
	$(".wrapper").find("a").css({"text-decoration":"none","color":"black"});

	$(".wrapper>ul").css("list-style","none");

	$(".wrapper li").first().children().css("color","red");

	$(".wrapper li").first().children().parent().siblings().children().css("line-height","30px");
	// $(".mx").parent().siblings().children().css("line-height","30px");

	console.log($(".mx").parent().index());
</script>
</html>